<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>网易云音乐在线播放器</title>
		<link rel="stylesheet" href="css/player.css" />
		<link rel="stylesheet" href="font-awesome/css/font-awesome.css" />
	</head>
	<body>
		<audio src=""></audio>
		<div id="bg"></div>
		<main>
			<header>音乐名</header>
			<h4>歌手名</h4>
			<div id="cover">
				<!--歌手头像-->
				<section></section>
			</div>
			<div id="lrc">歌词</div>
			<!--时间进度控制-->
			<div id="time">
				<!--当前音乐播放的时间-->
				<span id="">00:00</span>
				<input type="range" />
				<!--音乐播放总时间-->
				<span id="">00:00</span>
			</div>
			<!--播放控制-->
			<div id="buttons">
				<img id="prev" src="img/prev.png" alt="" />
				<img id="play" src="img/play.png" alt="" />
				<img id="next" src="img/next.png" alt="" />
			</div>
			<!--音量控制-->
			<div id="volume">
				<i class="icon icon-volume-down"></i>
				<input type="range" name="" id="" value="100" max="100"/>
				<i class="icon icon-volume-up"></i>
			</div>
		</main>
		<aside>
			<h2>播放列表</h2>
			<ul></ul>
			<footer onclick="closed()">关闭</footer>
		</aside>
		<script src="js/网页音乐播放器.js"></script>
	</body>
</html>
